:root {
    --navbar-height: 60px;
    --sidebar-space: 400px;
    --transform-transition: .3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.flex-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rotate-img {
    animation: rotate 10s linear infinite;
    caret-color: transparent;
}

.p-title-kaiti {
    font-family: KaiTi;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.p-click {
    height: 30px;
    line-height: 30px;
    font-size: 14px;

    color: #252525;
}

.p-click p:hover {
    cursor: pointer;
    border-bottom: 1px solid rgb(77, 75, 75);
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 隐藏黑色外边框 */
:deep(.el-tooltip__trigger:focus-visible) {
    outline: unset;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}